.shopcar {
    background: #fff;
    flex: 1;
    ul {
        li {
            display: flex;
            align-items: center;
            margin: 2em 0;
            border-top: 1px solid #cccccc;
            border-bottom: 1px solid #cccccc;

            .showimg {
                width: 10em;
                margin-right: 5%;
            }

            .info {
                display: flex;
                flex-direction: column;
                justify-content: center;

                span {
                    color: #000;
                    font-family: OSBold;
                    font-size: 1.5em;
                }

                .price {
                    span:nth-of-type(1) {
                        font-size: 1.2em;
                        color: #6c6c6c;
                        font-family: OSLight;
                    }

                    span:nth-of-type(2) {
                        font-size: 1.2em;
                        color: #d5270b;
                        font-family: OSLight;
                    }
                }
            }

            .num {
                margin-left: auto;
                margin-right: 5%;
                color: #1b1b1b;
                font-size: 1.2em;
                font-family: OSBold;
            }
        }
    }
}

.footer {
    background: rgb(255, 255, 255);
    width: 100%;
    height: 8em;
    position: sticky;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    .buy {
        width: 80%;
        height: 50%;
        background: #f35c1f;
        color: #fff;
        text-align: center;
        line-height: 30%;
        font-size: 1.2em;
        font-family: OSBold;
        border-radius: 5px;

        padding: 0;
        border-width: 0;
        border-style: outset;
        border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    }
}